import dashboard from './dashboard'
import chat from './chat'
import starManage from './star-manage'
import { ElementType, ReactNode } from 'react'
import { ChipProps } from '@mui/material'
import { To } from 'react-router'

// ==============================|| MENU ITEMS ||============================== //
export interface Child {
  id: string
  title: string
  type: string
  url?: string
  icon?: ElementType
  breadcrumbs?: boolean
  caption?: ReactNode
  target?: string
  external?: boolean
  disabled?: boolean
  chip?: ChipProps
  children?: Child[]
}

export interface MenuItem {
  id: string
  icon?: ElementType
  title: string
  url?: To
  type: string
  children?: Child[]
  caption?: ReactNode
  target?: string
  external?: boolean
  disabled?: boolean
  chip?: ChipProps
  breadcrumbs?: boolean
}

const menuItems = {
  items: [dashboard, starManage, chat]
}
export default menuItems
